*{
margin: 0;
padding: 0;
}
.container{
background: linear-gradient(45deg, #d96d82 , #2b43ba);
width: 100%;
height: 100vh;
}
.container .card{
height: 50vh;
width: 300px;
background: rgba(255,255,255,.3);
border-radius: 23px;
box-shadow: rgba(0,0,0,.18);
border-top: 1px solid rgba(255,255,255,.2);
border-left: 1px solid rgba(255,255,255,.2);
}
.flex-box{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
h2{
text-align: center;
position: relative;
top: 20%;
font-weight:500;
font-size: 30px;
color: #ffff;
font-family:sans-serif;
text-shadow: rgba(0,0,0,.18);
}
.input{
margin:10px 0px;
}
.input input{
width: 90%;
height: 22px;
margin:10px;
outline: none;
border: none;
font-weight: bold;
text-indent: 30px;
padding: 3px 5px;
color: #000;
box-shadow: rgba(0,0,0,.18);
}
::placeholder{
font-weight: bold;
text-indent: 30px;
padding: 3px 5px;
color: #000;
}
button{
background-color: crimson;
outline: none;
border: none;
font-weight: bold;
padding: 3px 15px;
color: #fff;
margin: 10px 90px;
cursor: pointer;
border-radius: 10px;
}
button:hover{
background-color: rgb(120, 13, 34);
}
p{
color:crimson;
font-weight: bold;
padding: 3px 15px;
color: #fff;
text-align: center;
}